@import './reset.scss';
@import './motion.scss';
// @import './iconfont/iconfont.css';
@import './space.scss';
@import './flex.scss';
@import './element-theme.scss';
@import './reset-element.scss';

body {

  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

.shop-layout {
  width: 100%;
}
.shop-w {
  width: 1200px;
  margin: 0 auto;
}

// 左浮动 右浮动
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
// 手形
.cursor-pointer {
  cursor: pointer;
}

// 清除浮动
.clearfix {
  &:after,
  &:before {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

// 字体及样式和大小
.text {
  &-center {
    text-align: center;
  }
  &-left {
    text-align: left;
  }
  &-right {
    text-align: right;
  }
  &-24-R {
    font-size:24px;
    font-family:PingFangSC-Regular;
    font-weight:400;
  }
  &-20-M {
    font-size:20px;
    font-family:PingFangSC-Medium;
    font-weight:500;
  }
  &-16-M {
    font-size:16px;
    font-family:PingFangSC-Medium;
    font-weight:500;
  }
  &-14-M {
    font-size:14px;
    font-family:PingFangSC-Medium;
    font-weight:500;
  }
  &-14-R {
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
  }
  &-12-R {
    font-size:12px;
    font-family:PingFangSC-Regular;
    font-weight:400;
  }
}

// 标题
.handle-title {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  padding-left: 10px;
  border-bottom: 1px solid $bg-color-gray;
}

// 头像
.img-bg {
  .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409EFF;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 110px;
    height: 110px;
    line-height: 110px;
    text-align: center;
  }
  .avatar {
    width: 110px;
    height: 110px;
    display: block;
  }
  .delete-bg {
    cursor: pointer;
    &:hover {
      color: $primary-color;
    }
  }
}

// 表格行 状态
.el-table .warning-row {
  background: oldlace;
}
.el-table .success-row {
  background: #f0f9eb;
}

// dialog 的内容区
.dialog-content {
  width: 100%;
  padding-top: 20px;
  &.content-from {
    .from-item {
      .item-input {
        width: 200px;
      }
    }
  }
}

// 鼠标放上去
.hover-red {
  &:hover {
    color: $danger-color;
  }
}

// 展开表格行
.demo-table-expand {
  font-size: 0;
}
.demo-table-expand label {
  width: 90px;
  color: #99a9bf;
}
.demo-table-expand .el-form-item {
  margin-right: 0;
  margin-bottom: 0;
  width: 50%;
}

.el-tabs__nav-wrap {
  &.is-scrollable {
    &.is-top {
      background-color: #f5f5f5;
    }
  }
}
.el-tabs__nav-scroll {
  background-color: #f5f5f5;
}
